$(function () {
    function initTable() {
        $.ajax({
            url: "/my/article/list",
            data: q,
            success: function (res) {
                if (res.status !== 0) {
                    return layui.layer.msg("获取数据失败")
                }
                var htmlStr = template('tpl-table', res)
                $('tbody').html(htmlStr)
                renderPage(res.total)
            }
        })
    }

    template.defaults.imports.dateFormat = function (date) {
        var dt = new Date(date)

        var y = dt.getFullYear().toString().padStart(2, "0")
        var m = (dt.getMonth() + 1).toString().padStart(2, "0")
        var d = dt.getDate().toString().padStart(2, "0")

        var h = dt.getHours().toString().padStart(2, "0")
        var mm = dt.getMinutes().toString().padStart(2, "0")
        var s = dt.getSeconds().toString().padStart(2, "0")

        return `${y}-${m}-${d} ${h}:${mm}:${s}`
    }

    function initCate() {
        $.ajax({
            method: 'GET',
            url: '/my/article/cates',
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg('获取分类数据失败！')
                }
                // 调用模板引擎渲染分类的可选项
                var htmlStr = template('tpl-cate', res)
                $('[name=cate_id]').html(htmlStr)
                // 通过 layui 重新渲染表单区域的UI结构
                layui.form.render()


            }
        })
    }


    function renderPage(total) {
        layui.use('laypage', function () {
            //执行一个laypage实例
            layui.laypage.render({
                elem: 'test1', //注意，这里的 test1 是 ID，不用加 # 号
                count: total, //数据总数，从服务端得到
                limit: q.pagesize,
                curr: q.pagenum,
                layout: ['count', 'limit', 'prev', 'page', 'next', 'skip'],
                limits: [2, 3, 5, 10],
                jump: function (obj, first) {
                    q.pagenum = obj.curr
                    q.pagesize = obj.limit
                    if (!first) {
                        initTable()
                    }
                }
            });
        });
    }


    var q = {
        pagenum: 1, // 页码值，默认请求第一页的数据
        pagesize: 2, // 每页显示几条数据，默认每页显示2条
        cate_id: '', // 文章分类的 Id
        state: '' // 文章的发布状态
    }
    initTable()
    initCate()

    $("#form-search").on("submit", function (e) {
        e.preventDefault()
        var cate_id = $('[name=cate_id]').val()
        var state = $('[name=state]').val()
        q.cate_id = cate_id
        q.state = state
        initTable()
    })

    $("tbody").on("click", ".btn-delete", function () {
       
        var id = $(this).attr('data-id')
        layui.layer.confirm('确认删除?', {
            icon: 3,
            title: '提示'
        }, function (index) {
            
            $.ajax({
                method: 'GET',
                url: '/my/article/delete/' + id,
                success: function (res) {
                    if (res.status !== 0) {
                        return layui.layer.msg('删除文章失败！')
                    }

                    if ($(".btn-delete").length == 1) {
                        
                        q.pagenum--
                    }
                    q.pagenum = q.pagenum == 0 ? 1 : q.pagenum
                    layui.layer.msg('删除文章成功！')
                    initTable()
                }
            })
            layer.close(index)
        })

    })
})